<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>等你来答</title>
    <script src="js/jQuery.min.js"></script>
    <script src="js/dnld.js"></script>
    <script src="js/header3.js"></script>
    <link rel="stylesheet" href="css/dnld.css">
    <link rel="stylesheet" href="css/head3.css">
    <link rel="stylesheet" href="./css/aside.css">
</head>

<body>
    <!-- header部分 -->
    <header>
        <!-- 通栏 -->
        <div class="w">
            <!-- 知乎logo -->
            <a href="./index.html" class="logo fl"><img src="images/logo.jpg" alt=""></a>
            <!-- 导航栏 -->
            <ul class="nav fl">
                <li><a href="./index.html">首页</a></li>
                <li><a href="./member.html">会员</a></li>
                <li><a href="./found.html">发现</a></li>
                <li><a href="./dnld.html" class="current">等你来答</a></li>
            </ul>
            <!-- 搜索框 默认状态-->
            <div class="search fl">
                <input class="ipt-normal" type="text" placeholder="有没有好吃不踩雷的零食">
                <button class="max"></button>
                <!-- 热搜、搜索历史模块 -->
                <div class=" hot">
                    <div class="hottitle">知乎热搜</div>
                    <ul>
                        <li><a href="javascript:;">《悬崖之上》影评 <span class="hotup"></span></a>
                        </li>
                        <li><a href="javascript:;">五四青年节<span class="hotup"></span></a></li>
                        <li><a href="javascript:;">山东健康码金色皮肤<span class="hotup"></span></a></li>
                        <li><a href="javascript:;">张国立发大夜班工作状态</a></li>
                        <li><a href="javascript:;">《扎克·施耐德的正义联盟》</a></li>
                    </ul>
                    <div class="search-history">搜索历史<button class="delete">清空</button></div>
                    <ul>
                        <li><a href="javascript:;">《悬崖之上》影评<button class="del">×</button></a>
                        </li>
                        <li><a href="javascript:;">五四青年节<button class="del">×</button></a></li>
                        <li><a href="javascript:;">山东健康码金色皮肤<button class="del">×</button></a></li>
                        <li><a href="javascript:;">张国立发大夜班工作状态<button class="del">×</button></a></li>
                        <li><a href="javascript:;">《扎克·施耐德的正义联盟》<button class="del">×</button></a></li>
                    </ul>
                </div>
            </div>
            <!-- 提交按钮 -->
            <button class="submit fl">提问</button>
            <!-- 通知消息模块 -->
            <div class="notice fl">
                <div class="answer fl" tabindex="0">
                    <div class="answer-content">
                        <div class="answer-title">
                            <button class="btn btn-blue"></button>
                            <span class="string">|</span>
                            <button class="btn"></button>
                            <span class="string">|</span>
                            <button class="btn"></button>
                        </div>
                        <div class="answer-list answer-page">
                            <div class="answer-list-item">
                                <a href="javascript">halllp</a>
                                <em>的提问等你来答</em> <a href="javascript:;">从小到大你一直坚持没有放弃的事情是什么？</a>
                            </div>
                            <div class="answer-list-item">
                                <a href="javascript">halllp</a>
                                <em>的提问等你来答</em> <a href="javascript:;">从小到大你一直坚持没有放弃的事情是什么？</a>
                            </div>
                            <div class="answer-list-item">
                                <a href="javascript">halllp</a>
                                <em>的提问等你来答</em> <a href="javascript:;">从小到大你一直坚持没有放弃的事情是什么？</a>
                            </div>
                            <div class="answer-list-item">
                                <a href="javascript">halllp</a>
                                <em>的提问等你来答</em> <a href="javascript:;">从小到大你一直坚持没有放弃的事情是什么？</a>
                            </div>
                        </div>
                        <div class="answer-list-2 answer-page">
                            <img src="./images/answer.jpg" alt="">
                            <p>还没有消息</p>
                        </div>
                        <div class="answer-list-3 answer-page">
                            <div class="answer-list-item">
                                <a href="javascript">halllp</a>
                                <em>赞了你的评论</em> <a href="javascript:;">从小到大你一直坚持没有放弃的事情是什么？</a>
                            </div>
                        </div>
                        <div class="answer-footer">
                            <a href="javascript:;" class="fl set">设置</a>
                            <a href="javascript:;" class="fr">查看全部通知</a>
                        </div>
                    </div>
                </div>

                <div class="message fl" tabindex="0">
                    <div class="message-content">
                        <div class="message-title">我的私信</div>
                        <div class="message-list">
                            <ul>
                                <li><img src="./images/icon.jpg" class="fl">
                                    <div class="list-write fl">
                                        <p class="list-user-name">创作者小助手</p>
                                        <p class="list-content">Hi summer,恭喜你成为知乎创作者！...</p>
                                    </div>
                                </li>
                                <li><img src="./images/icon.jpg" class="fl">
                                    <div class="list-write fl">
                                        <p class="list-user-name">创作者小助手</p>
                                        <p class="list-content">Hi summer,恭喜你成为知乎创作者！...</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="message-footer">
                            <a href="javascript:;" class="fl write-message">写新私信</a>
                            <a href="javascript:;" class="fr">查看全部私信</a>
                        </div>
                    </div>
                </div>

                <div class="icon fl" tabindex="0"><img src="./images/icon.jpg" alt="">
                    <div class="icon-content">
                        <div class="mine">我的主页</div>
                        <div class="creations">创作中心</div>
                        <div>设置</div>
                        <div class="exit">退出</div>
                    </div>
                </div>

            </div>
        </div>
    </header>
    <!-- 滑动后header -->
    <div class="slide">
        <div class="w">
            <!-- 知乎logo -->
            <a href="//www.zhihu.com" class="logo fl"><img src="images/logo.jpg" alt=""></a>
            <!-- 主体导航栏 -->
            <div class="main-tab fl slide-tab">
                <a href="javascript:;" class="main-tab-blue">推荐</a>
                <a href="javascript:;">关注</a>
                <a href="javascript:;">热榜</a>
            </div>
            <!-- 搜索框 默认状态-->
            <div class="search fl slide-search">
                <input class="ipt-normal" type="text" placeholder="搜索你感兴趣的内容...">
                <button class="max"></button>
                <!-- 热搜、搜索历史模块 -->
            </div>
            <!-- 提交按钮 -->
            <button class="submit fl">提问</button>
        </div>
    </div>
    <div class="box0">
        <div class="left">
            <div class="head">
                <a href="#">为你推荐</a>
                <a href="#">人气问题</a>
                <a href="#">最新问题</a>
                <a href="#">邀请回答</a>
            </div>

            <ul>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">学前端哪个培训机构好?</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">初学编程如何在学习编程中建立信心？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">一个经常迟到但学习成绩好的男生和一个从不迟到但学习成绩中等的男生，女生会对哪个更有好感？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">自学编程转行程序员可行吗？选哪种语言好？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">看对眼和相互喜欢有什么区别？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">没有谈恋爱的欲望，是什么征兆？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">如何平衡学习与爱好?</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">女生会喜欢一个没朋友的男生吗？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">女生真的会喜欢成绩不好的男生吗？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">面对比自己成熟、有经验、年龄稍长的女性，应该叫姐还是姐姐？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">男生与女生相处，哪些会让她对你加分？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">有时候突然自卑，突然厌世，不想和其他人说话怎么办？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">如果在此时此刻可以实现你的一个愿望，那你会许下什么愿望呢，陌生人!？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">三十天高考400分到五百一二可能吗?</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">夏天要到了，有没有适合夏天发的文案？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">高三不参加学校各种考试，只参加高考，会取得好成绩吗？为什么？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">想养一只猫，请问有什么名字可以推荐一下吗？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">为什么有时边走路边思考更容易想出idea？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">中国学钢琴的人很多，但为什么看演奏会的人不多？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
                <li>
                    <div class="xwt">
                        <div class="x">新</div>
                        <p>16分钟前提问</p>
                    </div>
                    <p class="wt">2021母亲节，有什么实用又有心的礼物推荐？</p>
                    <a href="#">写回答</a>
                    <p class="aa">0 回答 · 1 关注 · 43 分钟前</p>
                </li>
            </ul>


        </div>
        <!-- <div class="right">
            <div class="top">
                <div class="t">
                    <div class="a1">
                        <div class="circle"></div>
                        <p>回答问题</p>
                    </div>
                    <div class="a2">
                        <div class="circle"></div>
                        <p>发视频</p>
                    </div>
                    <div class="a3">
                        <div class="circle"></div>
                        <p>写文章</p>
                    </div>
                    <div class="a4">
                        <div class="circle"></div>
                        <p>写想法</p>
                    </div>
                </div>
                <div class="b">
                    <div class="shd">
                        稍后答
                    </div>
                    <div class="cgx">
                        草稿箱
                    </div>
                </div>
            </div>
            <div class="center">
                <a href="./czzx.html" class="czzx">
                    <span class="cz">创作中心</span>
                    <span class="lv">Lv 1</span>
                    <div class="jiantou"></div>
                </a>
                <div class="ydhzt">
                    <div class="yd">
                        <p>昨日阅读（播放）数</p>
                        <strong>0</strong>
                        <p>较前日--</p>
                    </div>
                   <div class="zt">
                    <p>昨日赞同数</p>
                    <strong>0</strong>
                    <p>较前日--</p>
                   </div>
                </div>
                <div class="wl">
                    <p>瓦力保镖为你的创作提供持续保护</p>
                </div>
                

​
            </div>
            <div class="banner1">
                <img src="img/bps.png" alt="">
                <div class="gg">广告</div>
            </div>
            <div class="gl">
                <ul>
                    <li class="sc">
                        我的收藏
                        <span>0</span>
                    </li>
                    <li class="gz">
                        我关注的问题
                        <span>1</span>
                    </li>
                    <li>我的邀请</li>
                    <li>我的余额</li>
                    <li>站务中心</li>
                    <li>帮助中心</li>
                    <li>版权服务中心</li>
                </ul>

            </div>
            <div class="banner2">
                <img src="img/blj.jpg" alt="">
                <div class="gg">广告</div>
            </div>
            <div class="footer">
                <ul>
                    <li>刘看山  ·  知乎指南  ·  知乎协议  ·  知乎隐私保护指引</li>
                    <li>应用  ·  工作  ·  申请开通知乎机构号</li>
                    <li>侵权举报  ·  网上有害信息举报专区</li>
                    <li>京 ICP 证 110745 号</li>
                    <li> 京 ICP 备 13052560 号 - 1</li>
                    <li class="gh">
                        <img src="img/gh.png" alt="">
                        <span>京公网安备 11010802020088 号</span>
                        </li>
                    <li>互联网药品信息服务资格证书</li>
                    <li>（京）- 非经营性 - 2017 - 0067</li>
                    <li>违法和不良信息举报：010-82716601</li>
                    <li>儿童色情信息举报专区</li>
                    <li> 证照中心  ·  Investor Relations</li>
                    <li>联系我们 © 2021 知乎</li>
                </ul>
            </div>
        </div> -->

        <!-- 侧边栏 -->
        <div class="container">
            <aside class="aside fr">
                <div class="answer_tabs">
                    <ul>
                        <li>
                            <div class="circle icon1"></div>
                            <span>回答问题</span>
                        </li>
                        <li>
                            <div class="circle icon2"></div>
                            <span>发视频</span>
                        </li>
                        <li>
                            <div class="circle icon3"></div>
                            <span>写文章</span>
                        </li>
                        <li>
                            <div class="circle icon4"></div>
                            <span>写想法</span>
                        </li>
                    </ul>
                    <div class="write_answer">
                        <div>稍后答</div>
                        <div>草稿箱</div>
                    </div>
                </div>
                <div class="creation">
                    <div class="creator" onclick="javascrtpt:window.location.href='./czzx.html'">创作中心<span>Lv 1</span>
                    </div>
                    <div class="readers">
                        <div class="read_agree">
                            <span>昨日阅读(播放)数</span>
                            <span>计算中</span>
                            <span>比前日 --</span>
                        </div>
                        <div class="read_agree">
                            <span>昨日赞同数</span>
                            <span>计算中</span>
                            <span>比前日 --</span>
                        </div>
                    </div>
                    <div class="wali">瓦力保镖为你的创作提供持续保护</div>
                </div>
                <div class="tab_navs">
                    <div class="tab_navs_img">
                        <img src="./images/吾辈青年.png" alt="">
                    </div>
                    <ul>
                        <li>
                            <i></i>
                            <span>Live</span>
                        </li>
                        <li>
                            <i></i>
                            <span>书店</span>
                        </li>
                        <li>
                            <i></i>
                            <span>圆桌</span>
                        </li>
                        <li>
                            <i></i>
                            <span>专栏</span>
                        </li>
                        <li>
                            <i></i>
                            <span>付费咨询</span>
                        </li>
                        <li>
                            <i></i>
                            <span>百科</span>
                        </li>
                    </ul>
                </div>
                <div class="navs_list">
                    <ul>
                        <li>我的收藏</li>
                        <li>我关注的问题</li>
                        <li>我的邀请</li>
                        <li>我的余额</li>
                        <li>站务中心</li>
                        <li>帮助中心</li>
                        <li>版权服务中心</li>
                    </ul>
                </div>
                <div class="footer">
                    <ul>
                        <li>
                            <a href="javascript:;">刘看山</a>
                        </li>
                        <li>·</li>
                        <li>
                            <a href="javascript:;">知乎指南</a>
                        </li>
                        <li>·</li>
                        <li>
                            <a href="javascript:;">知乎协议</a>
                        </li>
                        <li>·</li>
                        <li>
                            <a href="javascript:;">知乎隐私保护指引</a>
                        </li>
                        <li>
                            <a href="javascript:;">应用</a>
                        </li>
                        <li>·</li>
                        <li>
                            <a href="javascript:;">工作</a>
                        </li>
                        <li>·</li>
                        <li>
                            <a href="javascript:;">申请开通知乎机构号</a>
                        </li>
                        <br>
                        <li>
                            <a href="javascript:;">侵权举报</a>
                        </li>
                        <li>·</li>
                        <li>
                            <a href="javascript:;">网上有害信息举报专区</a>
                        </li>
                        <br>
                        <li>
                            <a href="javascript:;">京 ICP 证 110745 号</a>
                        </li>
                        <br>
                        <li>
                            <a href="javascript:;">京 ICP 备 13052560 号 - 1</a>
                        </li>
                        <br>
                        <li>
                            <img src="./images/警徽.png" alt="">
                            <a href="javascript:;">京公网安备 11010802020088 号</a>
                        </li>
                        <br>
                        <li>
                            <a href="javascript:;">互联网药品信息服务资格证书</a>
                        </li>
                        <br>
                        <li>
                            <a href="javascript:;">（京）- 非经营性 - 2017 - 0067</a>
                        </li>
                        <br>
                        <li>
                            <a href="javascript:;">违法和不良信息举报：010-82716601</a>
                        </li>
                        <br>
                        <li>
                            <a href="javascript:;">儿童色情信息举报专区</a>
                        </li>
                        <br>
                        <li>
                            <a href="javascript:;">证照中心</a>
                        </li>
                        <li>·</li>
                        <li>
                            <a href="javascript:;">Investor Relations</a>
                        </li>
                        <li>
                            <a href="javascript:;">联系我们 © 2021 知乎</a>
                        </li>
                    </ul>
                </div>
            </aside>
        </div>
    </div>
</body>

</html>